﻿function Spinner(div) {
    var id = div.id;
    var div = $("#" + id);

    div.append("<button type='button' id='btnDown" + id + "' style='height:20px;width:24px;font-size:6px;'><img src='../Images/minus.png' height='12' width='12'/></button>")
    div.append("<input type='text' id='numInput" + id + "' value='" + div.attr("qty") + "' style='width:20px;text-align:center;' readonly='readonly'>");
    div.append("<button type='button' id='btnUp" + id + "' style='height:20px;width:24px;font-size:6px;'><img src='../Images/plus.png' height='12' width='12'/></button>");


    $("#btnUp" + id).button().click(function () {
        if ($("#numInput" + id).val() != div.attr("max")) {
            $("#numInput" + id).val(parseInt($("#numInput" + id).val()) + 1);
            updateCart(div.attr("comicId"), div.attr("issue"), div.attr("condId"), "+");
        }
    });
    $("#btnDown" + id).button().click(function () {
        if ($("#numInput" + id).val() != div.attr("min")) {
            $("#numInput" + id).val(parseInt($("#numInput" + id).val()) - 1);
            updateCart(div.attr("comicId"), div.attr("issue"), div.attr("condId"), "-");
        }
    });
}

